@import url('https://fonts.googleapis.com/css?family=Roboto');
* {
    text-decoration: none;
    list-style: none;
    margin: 0;
}
/* 设置全局字体样式 */
body {
    font-family: 'MS Reference Sans Serif', sans-serif;  /* 使用自定义字体，如果加载失败则使用系统默认字体 */
    font-weight: 400;
}
a {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    white-space: nowrap;
    color: black;
}
:root{
    --scheme-red-100: #ea4c89;
    --scheme-black-100: #151717;
    --scheme-moss-800: #76ed53;
    --scheme-moss-700: #67c23a;
    --static-space-32: 2rem;
    --scheme-font-family-100: "Sans Serif Collection", sans-serif;
    --color-text: #ffffff;
    --color-background: #ea4c89;
    --color-outline: #ff145b80;
    --color-shadow: #00
    --scheme-cyan-500: #0279BE
}
.lin_relative {
    position: relative;
    display: flex;
    justify-content: center;
    height: auto;
    width: 100%;
}
.lin_display_flex {
    position: sticky;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.lin_display_flex_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 20%;
}
.lin_display_flex_around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.lin_display_flex_evenly {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.lin_flex_options_ul {
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    padding: 0;
    margin: 0;
}


.lin_icon-wrapper {
    display: inline-flex; /* 使用 Flexbox 进行对齐 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    width: 30px; /* 设置圆圈的宽度 */
    height: 30px; /* 设置圆圈的高度 */
    border-radius: 50%; /* 使边框呈圆形 */
    border: 1px solid black;
    text-decoration: none; /* 移除链接的下划线 */
    color: inherit; /* 继承父元素的字体颜色 */
    transition: background-color 0.3s; /* 添加背景颜色变化的过渡效果 */
    cursor: pointer;
}

.lin_button_next {
    display: flex;
    position: relative; /* 使其相对定位以便重叠 */
    height: 40px;
}

.lin_button_next:hover {
    animation: color_anim 1s;
}

.lin_button_next_icon {
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.8;
}

.lin_button_next:hover .lin_button_next_icon_three {
    animation: color_anim 1s infinite 0.2s;
}

.lin_button_next:hover .lin_button_next_icon_one {
    transform: translateX(-100%);
    animation: color_anim 1s infinite 0.6s;
}

.lin_button_next:hover .lin_button_next_icon_two {
    transform: translateX(-50%);
    animation: color_anim  1s infinite 0.4s;
}


@keyframes color_anim {
    0% {
        color: white;
    }

    50% {
        color: var(--color-background);
    }

    100% {
        color: white;
    }
}

.lin_right_icon {
    opacity: 1;
    animation: moveIcon 1s infinite;
}

/* 定义循环动画 */
@keyframes moveIcon {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}